<template>
  <div :class="prefixCls">
    <div class="chart-wrapper" :style="{ height: 46 }">
      <v-chart :force-fit="true" :height="100" :data="dataSource" :scale="scale" :padding="[36, 0, 18, 0]">
        <v-tooltip/>
        <v-smooth-line position="x*y" :size="2"/>
        <v-smooth-area position="x*y"/>
      </v-chart>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'MiniSmoothArea',
    props: {
      prefixCls: {
        type: String,
        default: 'ant-pro-smooth-area'
      },
      scale: {
        type: [Object, Array],
        required: true
      },
      dataSource: {
        type: Array,
        required: true
      }
    },
    data () {
      return {
        height: 100
      }
    }
  }
</script>

<style lang="less" scoped>
  @import "smooth.area.less";
</style>
